// 函数组件
/**
 * react 创建组件
 * 1.使用函数
 * 规范：
 * 组件函数：使用JS的函数或者箭头函数创建的组件，叫'函数组件'
 * - 约定1：函数名称必须以大写字母开头，React 据此区分组件和普通的 HTML标签
 * - 约定2：函数组件必须有返回值，表示该组件的 UI 结构；如果不需要渲染任何内容，则返回 null
 * 说明：函数名就是渲染使用的标签名
 */
import './style.css'
const Hello = () => {
  // 函数体内 js逻辑
  const data = 123
  return (
    <div className="fn">
      <h1>我都第一个函数组件 {data}</h1>
    </div>
  )
}
export default Hello
